.banner {
    height: 553px;
    background: url("../img/about1.jpg") center top no-repeat;
}

.banner {
    height: 553px;
    background: url("../img/about1.jpg") center top no-repeat;
}

.banner {
    height: 553px;
    background: url("../img/about1.jpg") center top no-repeat;
}

.about1 {
    height: 275px;
    background: url("../img/about2.jpg") center top no-repeat;
}

.about2 {
    height: 624px;
    background: #f7f7f7 url("../img/about-topic.jpg") center top no-repeat;
    padding-top: 144px;
    box-sizing: border-box;
    text-align: center;
}

.culture-items {
    width: 1300px;
    text-align: center;
    display: inline-block;
    height: 430px;
}

.culture-item {
    border: 1px solid #fff;
    float: left;
    width: 280px;
    height: 420px;
    margin-left: 32px;
    cursor: pointer;
    margin-top: 4px;
}

.culture-item:hover {
    border: 1px solid #fff;
    -moz-box-shadow:0 0 10px #06c;
    -webkit-box-shadow:0 0 10px #06c;
    box-shadow:0 0 10px #06c;
}

.culture-item.bg1 {
    background: url("../img/culture1.jpg") center top no-repeat;
}

.culture-item.bg2 {
    background: url("../img/culture2.jpg") center top no-repeat;
}

.culture-item.bg3 {
    background: url("../img/culture3.jpg") center top no-repeat;
}
.culture-item.bg4 {
    background: url("../img/culture4.jpg") center top no-repeat;
}
